<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="../../assets/ico/favicon.ico">

<title>Starter Template for Bootstrap</title>

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet"
	href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet"
	href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap-theme.min.css">


</head>

<body>

	<%
		pageContext.setAttribute("hideError", "hide",
				PageContext.PAGE_SCOPE);

		if (request.getAttribute("errorMessageStatus") != null)

		{
			pageContext.setAttribute("hideError", "show",
					PageContext.PAGE_SCOPE);
		}
	%>


	<!-- This is a very simple parallax effect achieved by simple CSS 3 multiple backgrounds, made by http://twitter.com/msurguy -->


	<div class="container clear-top" id="wrap">
		<br> <br> <br>

		<div class="row vertical-offset-100">
			<div class="col-md-4 col-md-offset-4">

				<div class="alert alert-danger ${pageScope.hideError}">${requestScope.errorMessage}</div>
				<div class="panel panel-default">
					<div class="panel-heading">
						<h3 class="panel-title">Please sign in</h3>
					</div>
					<div class="panel-body">
						<form accept-charset="UTF-8" role="form" method="post"
							action="login">
							<fieldset>
								<div class="form-group">
									<input required="required" class="form-control"
										placeholder="Login ID" name="userName" type="text">
								</div>
								<div class="form-group">
									<input class="form-control" placeholder="Password"
										required="required" name="password" type="password" value="">
								</div>
								<div class="checkbox">
									<label> <input name="remember" type="checkbox"
										value="Remember Me"> Remember Me
									</label>
								</div>
								<input class="btn btn-lg btn-success btn-block" type="submit"
									value="Login">
							</fieldset>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>



</body>
</html>